<div id="register-modal" class="ui basic modal">
    <div class="ui segment container" style="width: 302px;height: 331px;border-radius: 5px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.3);">
        <div style="color: black;text-align: right;margin-top: -6px;width: 280px">
            <i class="remove icon" onclick="javascript:$('.ui.modal').modal('hide')" style="cursor: pointer;"></i>
        </div>
        <div class="login-title"
             style="font-size: 16px;line-height: 18px;font-weight: 700;margin-top: 10px;color: #787878;text-align: center;">
            注册MyBlog
            <div class="sub-title" style="font-size: 14px;font-weight: 400;text-align: center;margin-top: 9px">
                与世界分享你的知识、经验和见解
            </div>
        </div>
        <form class="ui form" id="login-form" style="margin-top: 15px;height: 205px" >
            <div class="field" v-on:click="msgShow=false">
                <p id="form-message" v-if="msgShow">[[username_err]]</p>
                <input required v-model="username" type="text" name="usernmae" placeholder="名字">
            </div>
            <div class="field" v-on:click="msgShow=false">
                <p id="form-message2" v-if="msgShow">[[email_err]]</p>
                <input v-model="email" type="email" name="email" placeholder="邮箱">
            </div>
{#            <div class="field" v-on:click="msgShow=false">#}
{#                <p id="form-message" v-if="msgShow">[[username_err]]</p>#}
{#                <input required v-model="phone" type="text" name="username" placeholder="手机号码">#}
{#            </div>#}
            <div class="field" v-on:click="msgShow=false">
                <p id="form-message3" v-if="msgShow">[[password_err]]</p>
                <input v-model="password" type="password" name="password" placeholder="密码（六位以上）">
            </div>
            <a class="ui blue button" style="width: 270px" v-on:click="registerUser">注册</a>
        </form>
        <div class="login-foot" style="color: black;float: right;">
            已有帐号？<span><a style="cursor: pointer"
                          onclick="$('#register-modal').modal('hide');$('#login-modal').modal('show')">登录</a></span>
        </div>
    </div>
</div>